 <template>
  <div class="rating_page">
    <head-top head-title="投诉与服务" go-back="true"></head-top>
    <compsug></compsug>
    <transition name="router-slid" mode="out-in">
            <router-view></router-view>
    </transition>
      <foot-guide></foot-guide>
  </div>
</template>

<script>
import headTop from "src/components/header/head";
import compsug from "src/page/complaint/compsug/index";
import footGuide from 'src/components/footer/footGuide';
export default {

  mixins: [],
  components: {
    headTop,
    compsug,
    footGuide,

  },

};
</script>
  
<style lang="scss" scoped>
@import "src/style/mixin";

.rating_page {
  background-color: #fff;
  padding-top: 1.95rem;
  p,
  span {
    font-family: Helvetica Neue, Tahoma, Arial;
  }
}
.service_connect {
  @include fj;
  a {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 2rem;
    border-bottom: 1px solid #f5f5f5;
    svg {
      @include wh(1rem, 1rem);
    }
    span {
      margin-top: 0.4rem;
      @include sc(0.6rem, #666);
    }
  }
  .service_left {
    border-right: 1px solid #f5f5f5;
  }
}
</style>
